Thank you for purchasing Construction - Ultimate Responsive Construction Template. If you have any questions that are beyond the scope of this help file, please feel free to make a support ticket here: http://www.cracktheme.com/support. Thanks so much!
If you like this template, please to rate it on Themeforest - it really helps us to know what people think about our templates. To rate this item, go to your Downloads page on Themeforest, then next to this template click on a star rating you'd like to give us.
Thank you so much. AlexaTheme
Change Elements
Header
<header id="header" class="header header-bd double-header">
<div class="header-top header-bd ptb-10">
<div class="container">
<div class="col-xs-12 text-right xs-text-center">
<ul class="top-info display-inline-block">
<li><i class="ti-headphone-alt"></i> (102) 6666 8888</li>
<li><i class="ti-email"></i> <a href="mailto:info@domain.com">info@domain.com</a></li>
</ul>
<ul class="social-icon-white top-social hidden-xs display-inline-block">
<li><a href="#"><i class="ti-facebook"></i></a></li>
<li><a href="#"><i class="ti-twitter"></i></a></li>
<li><a href="#"><i class="ti-google"></i></a></li>
<li><a href="#"><i class="ti-pinterest"></i></a></li>
<li><a href="#"><i class="ti-instagram"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="header-bottom ptb-10 pos-relative">
<div class="container">
<div class="col-sm-3">
<div class="navbar-header">
<a href="#" class="brand"><img src="img/logo-light.png" alt="Construction"></a>
</div>
</div>
<div class="col-sm-9 hidden-xs">
<div class="pull-right">
<a href="#" class="b-nav-btn">Book Us</a>
</div>
<nav class="mainmenu pull-right">
<ul id="navi-menu">
<li class="current_page_item"><a href="index.html">Home</a>
<ul>
<li><a href="index.html">Home Default</a></li>
<li><a href="index-dark.html">Home Dark</a></li>
<li><a href="index-light.html">Home Light</a></li>
</ul>
</li>
<li><a href="about.html">About us</a>
<ul>
<li><a href="about.html">About us</a></li>
<li><a href="about-light.html">About Light</a></li>
<li><a href="about-dark.html">About Dark</a></li>
</ul>
</li>
<li><a href="service.html">Services</a>
<ul>
<li><a href="service.html">Services</a></li>
<li><a href="service-light.html">Service Light</a></li>
<li><a href="service-dark.html">Service Dark</a></li>
</ul>
</li>
<li><a href="project-3-col.html">Projects</a>
<ul>
<li><a href="project-3-col.html">Projects 3 Col</a></li>
<li><a href="project-2-col.html">Projects 2 Col</a></li>
<li><a href="project-details.html">Projects Details</a></li>
</ul>
</li>
<li><a href="blog-sidebar-right.html">Blog</a>
<ul>
<li><a href="blog-sidebar-right.html">Blog Sidebar Right</a></li>
<li><a href="blog-sidebar-left.html">Blog Sidebar Left</a></li>
<li><a href="blog-full-width.html">Blog Full Width</a></li>
<li><a href="blog-single-right.html">Blog Single Right</a></li>
<li><a href="blog-single-left.html">Blog Single Left</a></li>
</ul>
</li>
<li><a href="contact.html">Contact Us</a>
<ul>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="contact-with-map.html">Contact With Map</a></li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
</div>
</header> <!-- Header -->
Page Header
<section class="page-heading bg-img height-500" style="background-image: url(img/about-hero.jpg)">
<div class="display-table">
<div class="table-cell">
<div class="container">
<div class="hero-content">
<h2 class="fz-40 text-white fw-8 mb-15">ABOUT CONSTRUCTION</h2>
<p class="text-white fz-16">We offer free consulting and the best project management <br>for your ideas, 100% delivery guaranteed.</p>
</div>
</div>
</div>
</div>
</section><!-- Page Heading -->
Slider
<section class="slider-section">
<div class="main-slider owl-carousel owl-nav-3 owl-dots-1">
<div class="slide-item bg-img height-670" style="background-image: url(img/slide-1.jpg)">
<div class="display-table">
<div class="table-cell">
<div class="container">
<div class="slider-content">
<h1 class="fz-45 text-white fw-8 tt-u">Ultimate Construction</h1>
<p class="text-white mb-20 xs-br-none fz-16">We offer free consulting and the best project management <br>for your ideas, 100% delivery guaranteed.</p>
<div class="btn-group-left">
<a href="#" class="b-btn">Learn More</a>
<a href="#" class="b-btn">Get It Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="slide-item bg-img height-670" style="background-image: url(img/slide-2.jpg)">
<div class="display-table">
<div class="table-cell">
<div class="container">
<div class="slider-content">
<h1 class="fz-45 text-white fw-8 tt-u">Ultimate Construction</h1>
<p class="text-white mb-20 xs-br-none fz-16">We offer free consulting and the best project management <br>for your ideas, 100% delivery guaranteed.</p>
<div class="btn-group-left">
<a href="#" class="b-btn">Learn More</a>
<a href="#" class="b-btn">Get It Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="slide-item bg-img height-670" style="background-image: url(img/slide-3.jpg)">
<div class="display-table">
<div class="table-cell">
<div class="container">
<div class="slider-content">
<h1 class="fz-45 text-white fw-8 tt-u">Ultimate Construction</h1>
<p class="text-white mb-20 xs-br-none fz-16">We offer free consulting and the best project management <br>for your ideas, 100% delivery guaranteed.</p>
<div class="btn-group-left">
<a href="#" class="b-btn">Learn More</a>
<a href="#" class="b-btn">Get It Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section><!-- slider-section -->
About Markup
<section class="content-block padding bd-bottom bd-grey">
<div class="container">
<div class="col-sm-7 xs-padding wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1000ms">
<div class="entry-content sm-no-padding ptb-30">
<h2 class="mb-20">WE ARE THE EXPERT ON THIS FIELD <br>
BETTER BUILDING SOLUTIONS SINCE 1984.</h2>
<p class="fz-14">We are committed to building a sustainable future by fostering a collaborative spirit that creates exceptional experiences, balanced relationships, and enhances a community’s built environment.</p>
</div>
</div>
<div class="col-sm-5 xs-padding wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1000ms">
<div class="content-box bg-yellow padding-40">
<h4 class="text-white pb-5 bd-bottom-white">Construction Office</h4>
<ul class="addr-info text-white fz-13">
<li>4 Tottenham Road, London, England.</li>
<li>(102) 6666 8888</li>
<li>info@thememove.com</li>
<li>Mon - Sat: 9:00 - 18:00</li>
</ul>
</div>
</div>
</div>
</section><!-- about-section -->
Services Markup
<section class="service-section bg-grey padding bd-bottom">
<div class="container">
<ul class="services-wrap">
<li class="col-md-4 col-xs-6 ptb-15 wow zoomIn" data-wow-delay="0ms" data-wow-duration="1000ms">
<div class="service-box">
<i class="ct ct-construct-2 fz-60">
<span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span><span class="path5"></span><span class="path6"></span><span class="path7"></span><span class="path8"></span><span class="path9"></span><span class="path10"></span><span class="path11"></span><span class="path12"></span><span class="path13"></span><span class="path14"></span>
</i>
<h4 class="fw-7">ARCHITECTURE</h4>
<p class="fz-13">A general term to describe buildings and other physical structures.</p>
<a href="#" class="read-more fz-12 tt-u">Read More</a>
</div>
</li>
</ul>
</div>
</section><!-- /.service section -->
Counter Markup
<section class="counter-section ptb-140 bd-bottom bg-img" style="background-image: url(img/counter-light-bg.jpg);">
<div class="container">
<div class="col-sm-3 col-xs-6 xs-padding">
<div class="counter-box">
<h3 class="fz-35 fw-9 text-yellow"><span class="counter">3468</span>+</h3>
<h4 class="fw-7 no-margin">Project Finished</h4>
</div>
</div><!-- counter 1 -->
<div class="col-sm-3 col-xs-6 xs-padding">
<div class="counter-box">
<h3 class="fz-35 fw-9 text-yellow"><span class="counter">200</span>+</h3>
<h4 class="fw-7 no-margin">Happy Client</h4>
</div>
</div><!-- counter 2 -->
<div class="col-sm-3 col-xs-6 xs-padding">
<div class="counter-box">
<h3 class="fz-35 fw-9 text-yellow"><span class="counter">5000</span>+</h3>
<h4 class="fw-7 no-margin">Hour Of work</h4>
</div>
</div><!-- counter 3 -->
<div class="col-sm-3 col-xs-6 xs-padding">
<div class="counter-box">
<h3 class="fz-35 fw-9 text-yellow"><span class="counter">15</span>+</h3>
<h4 class="fw-7 no-margin">Award won</h4>
</div>
</div><!-- counter 4 -->
</div>
</section><!-- counter-section -->
Portfolio Markup
<section class="portfoio-section bd-bottom padding">
<div class="container">
<div class="row mb-40">
<div class="col-sm-6 xs-padding">
<h2 class="fw-7">CONSTRUCTION RECENT PROJECTS</h2>
</div>
<div class="col-sm-6 xs-padding">
<ul class="filter-menu text-right xs-text-center">
<li class="active" data-filter="*">All Projects</li>
<li data-filter=".architecture"> Architecture</li>
<li data-filter=".construction"> Construction</li>
<li data-filter=".interior"> Interior Design</li>
</ul><!-- /.filter-menu -->
</div>
</div>
<div class="portfolio-items filter-items img-w1 row">
<div class="col-sm-4 col-xs-6 single-item padding-10 architecture">
<div class="portfolio-box">
<img class="img-w1" src="img/project-1.jpg" alt="Portfolio Image">
<a href="img/project-2.jpg" class="overlay lightbox text-center">
<div class="display-table">
<div class="table-cell padding-15">
<h4 class="mb-10 fz-16 text-white display-inline-block padding-25 ptb-15 bg-yellow">Interior Design</h4>
<p class="no-margin fz-14">Interior Design is the definitive resource for interior designers</p>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</section><!-- portfolio-section -->
Team Markup
<section class="team-section padding bg-grey bd-bottom">
<div class="container">
<div class="section-heading mb-40">
<h2 class="mb-10">Experience Team Member</h2>
</div>
<div class="team-box-wrap">
<div class="col-sm-4 col-xs-6 xs-padding wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="500ms">
<div class="team-member bd-grey">
<img src="img/team-1.jpg" alt="team-img" class="img-w1">
<div class="bg-white padding-30 ptb-25 text-center">
<h4 class="no-margin">Markus Smith</h4>
<p class="mb-10">CEO and founder of Construction ltd.</p>
<ul class="social-icon-black social-center">
<li><a href="#"><i class="ti-facebook"></i></a></li>
<li><a href="#"><i class="ti-twitter"></i></a></li>
<li><a href="#"><i class="ti-google"></i></a></li>
<li><a href="#"><i class="ti-instagram"></i></a></li>
<li><a href="#"><i class="ti-pinterest"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section><!-- team Block-->
Testimonial Markup
<section class="testimonial-section padding bd-bottom">
<div class="container">
<div class="section-heading pb-5 mb-40">
<h2>WHAT PEOPLE THINK ABOUT US</h2>
</div>
<div class="testi-carousel owl-nav-1 owl-carousel">
<div class="review-box padding-20 ptb-40 bg-grey bd">
<p class="fz-13">Construction delivers world-class engineering construction services. We are pioneers in the UAEinfrastructure industry. </p>
<h4 class="display-inline-block">ANGELINA ROSE</h4>
<ul class="rating display-inline-block">
<li><i class="ti-star text-yellow"></i></li>
<li><i class="ti-star text-yellow"></i></li>
<li><i class="ti-star text-yellow"></i></li>
<li><i class="ti-star text-yellow"></i></li>
<li><i class="ti-star text-yellow"></i></li>
</ul>
</div>
</div>
</div>
</section><!-- testimonial-section -->
Blog Markup
<section class="blog-section padding bg-grey bd-bottom">
<div class="container">
<div class="section-heading ml-15 mb-40">
<h2>Our Latest News</h2>
</div>
<div class="blog-wrapper">
<div class="col-sm-4 col-xs-6 xs-padding wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1000ms">
<div class="article-box">
<img src="img/news-1.jpg" class="img-w1" alt="Blog-image">
<div class="entry-content mt-15">
<h4>USING THE RIGHT MATERIALS.</h4>
<p class="fz-13">Learn about the best paper and materials to use for physical records and what not to use.</p>
<a href="" class="read-more fz-12 tt-u">Read More</a>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-6 xs-padding wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1000ms">
<div class="article-box">
<img src="img/news-2.jpg" class="img-w1" alt="Blog-image">
<div class="entry-content mt-15">
<h4>DIGITAL TOOLS FOR YOUR BUSINESS.</h4>
<p class="fz-13">Digital tools can help your business grow by finding more customers, reaching new markets.</p>
<a href="" class="read-more fz-12 tt-u">Read More</a>
</div>
</div>
</div>
<div class="col-sm-4 col-xs-6 xs-padding wow fadeInRight" data-wow-delay="0ms" data-wow-duration="1000ms">
<div class="article-box">
<img src="img/news-3.jpg" class="img-w1" alt="Blog-image">
<div class="entry-content mt-15">
<h4>CHOSSING THE RIGHT ARCHITECT.</h4>
<p class="fz-13">Ultimately you want to find the architect . don't feel limited to choosing your community.</p>
<a href="" class="read-more fz-12 tt-u">Read More</a>
</div>
</div>
</div>
</div>
</div>
</section><!-- blog-section -->
Client Markup
<div class="partner-block ptb-40">
<div class="container">
<div class="col-sm-2 col-xs-4">
<div class="brand-item padding-10">
<a href="#"><img src="img/1.png" class="img-w1" alt="Brands"></a>
</div>
</div>
</div>
</div><!-- partner block -->
Call to Action Markup
<section class="cta-section text-center bg-yellow ptb-40">
<div class="container">
<h2 class="text-white fz-18 no-margin display-inline-block">GET YOUR FREE CONSULTING AND ESTIMATE FOR YOUR PROJECT</h2>
<a href="#" class="b-btn btn-white btn-border ml-15">Explore</a>
</div>
</section><!-- cta-section -->
Footer Markup
<footer class="footer-section bg-dark text-center bd-top-dark ptb-40 tt-u">
<div class="container">
<p class="no-margin fz-13 text-light">© Copyright 2017 Crack Themes - All Rights Reserved</p>
</div>
</footer><!-- footer section -->